<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta name="keywords" content="甜爱，SweetLove,甜品，甜点，生日蛋糕，冰淇淋，冰品"/>
    <meta name="description" content="甜爱网上商城是专注于甜品销售、进口的网站，各种甜品、甜点齐全，还有解暑的各种冰品任顾客挑选，让他们感受到爱的温馨。">
    <meta charset="utf-8">
    <title>支付</title>
    <link rel="stylesheet" href="/fore/css/pay.css" >
    <link rel="stylesheet" href="/fore/css/toastr/toastr.min.css" >
    <script src="/fore/js/jquery-v1.10.2.min.js" type="text/javascript"></script>
</head>

<body>
<!--页头-->
<div id="headCon">
    <div th:replace="fore/include/toper::top"></div>
    <ul>
        <a href="/fore/index" ><li></li></a>
        <p>支付</p>
    </ul>
</div>
<!--内容-->
<div id="contentCon">
	<div>
    	<span>
        	<h2>选择付款方式</h2>
            <p th:text="'订单号： ' + ${order.orderNumber}"></p>
        </span>
        <ol>
        	<p>应付：</p>
            <span th:text="'¥： ' + ${order.totalPrice / 100}"></span>
        </ol>
    </div>
    <ul>
    	<li class="box01">
            <i><img src="/fore/images/zhifubao.png"></i>
        </li>
        <li class="box02">
        	<div><img src="/fore/images/erweima_06.png" ></div>
            <span>
            	<p>扫描使用手机端支付宝</p>
                <p class="text02">完成支付</p>
            </span>
        </li>
    </ul>
    <ul>
    	<li class="box01">
            <i class="pic02"><img src="/fore/images/weixin.png" alt=""></i>
        </li>
        <li class="box02">
        	<div><img src="/fore/images/erweima_06.png"  alt=""></div>
            <span>
            	<p>请使用微信扫描二维码</p>
                <p class="text02">完成支付</p>
            </span>
        </li>
    </ul>

</div>
<!--页脚-->
<div th:replace="fore/include/footer::foot"></div>

<script th:inline="javascript">
    setTimeout(function(){
        let orderId = [[${order.id}]];
        queryOrderPayStatus(orderId);
    },5000);
</script>

</body>
</html>
